<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="./assets/font/iconfont.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <!-- 导航 -->
        <div class="nav">
            <!-- 导航条 -->
            <ul class="nav-list">
                <li><a class="active" href="#">首页</a></li>
                <li><a href="./page/online.html" target="_blank">在线课程</a></li>
                <li><a href="./page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./page/student.html" target="_blank">学员风采</a></li>
                <li><a href="./page/job.html" target="_blank">就业信息</a></li>
                <li><a href="./page/info.html" target="_blank">咨询动态</a></li>
                <li><a href="./page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 电话地址 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 中间部分 -->
    <div class="main">
        <div class="home-section-bg">
            <!-- 轮播图 -->
            <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
                <!-- 下标指示器 -->
                <div class="carousel-indicators">
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
                        class="active" aria-current="true" aria-label="Slide 1"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                        aria-label="Slide 2"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                        aria-label="Slide 3"></button>
                </div>
                <!-- 图片 -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="./assets/uploads/index_banner1.webp" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="./assets/uploads/index_banner2.webp" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="./assets/uploads/index_banner3.webp" class="d-block w-100" alt="...">
                    </div>
                </div>
                <!-- 左右按钮 -->
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>

            <!--课程入口 -->
            <ul class="course-list wrapper">
                <li class="course-item">
                    <a href="./page/linux.html" target="_blank">
                        <img src="./assets/images/AIOT.webp" alt="">
                        <h3>嵌入式AIoT</h3>
                    </a>
                </li>
                <li class="course-item">
                    <a href="./page/java.html" target="_blank">
                        <img src="./assets/images/Java.webp" alt="">
                        <h3>Java全栈开发</h3>
                    </a>
                </li>
                <li class="course-item">
                    <a href="./page/harmony.html" target="_blank">
                        <img src="./assets/images/Harmony.webp" alt="">
                        <h3>鸿蒙应用开发</h3>
                    </a>
                </li>
                <li class="course-item">
                    <a href="./page/ui.html" target="_blank">
                        <img src="./assets/images/UI.webp" alt="">
                        <h3>UI全链路设计</h3>
                    </a>
                </li>
            </ul>

            <!-- 保障学员就业 -->
            <div class="guarantee wrapper">
                <h2 class="com-title">保障学员就业</h2>
                <h4 class="com-subtitle">从入学到就业，职创始终在你身边，助力学员顺利入职</h4>

                <ul class="stage wrapper">
                    <li>
                        <img src="./assets/uploads/stage1.webp" alt="">
                    </li>
                    <li>
                        <img src="./assets/uploads/stage2.webp" alt="">
                    </li>
                    <li>
                        <img src="./assets/uploads/stage3.webp" alt="">
                    </li>
                    <li>
                        <img src="./assets/uploads/stage4.webp" alt="">
                    </li>
                </ul>
            </div>
        </div>

        <!-- 线下课程 -->
        <div class="outline-course">
            <h2 class="com-title">线下课程·您的职业化进阶之旅</h2>
            <h4 class="com-subtitle">帮助学员掌握各种工具和技术，并培养解决问题和创新思维如有任何疑问请联系</h4>

            <!-- 课程列表 -->
            <ul class="course-list2 wrapper">
                <li class="course-item2 active">
                    <img src="./assets/images/AIOT.webp" alt="">
                    <h3>嵌入式AIoT</h3>
                </li>
                <li class="course-item2">
                    <img src="./assets/images/Java.webp" alt="">
                    <h3>Java全栈开发</h3>
                </li>
                <li class="course-item2">
                    <img src="./assets/images/Harmony.webp" alt="">
                    <h3>鸿蒙应用开发</h3>
                </li>
                <li class="course-item2">
                    <img src="./assets/images/UI.webp" alt="">
                    <h3>UI全链路设计</h3>
                </li>
            </ul>

            <!-- 所有课程列表内容 -->
            <ul class="all-content-list wrapper">
                <!-- 嵌入式AIoT -->
                <li class="content-item active">
                    <!-- 单个课程内容列表 -->
                    <ul class="single-content-list">
                        <!-- 就业统计 -->
                        <li class="single-course-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="job-item">
                                    <p>30个自然日内就业数据正在统计中...</p>
                                </li>
                                <li class="job-item">
                                    <p>以培训生身份就业的学员数正在统计中</p>
                                </li>
                                <li class="job-item">
                                    <p>平均薪资就业数据正在统计中...</p>
                                </li>
                            </ul>
                        </li>
                        <!-- 学科介绍 -->
                        <li class="single-course-content">
                            <h4>学科介绍</h4>
                            <p>本课程将全面介绍嵌入式物联网领域的关键技术和应用，包括嵌入式系统、C语言、Linux系统编程、驱动开发、系统移植、 物联网通信协议、STM32单片机、C++
                                、QT编程、云平台、边缘计算等相关技术，使学生能够全面了解和掌握该领域的基本原理、技术和应用。</p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="single-course-content">
                            <h4>开班计划</h4>
                            <ul class="plan-list">
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-08-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-07-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-06-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-05-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-03-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="single-course-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- Java全栈开发 -->
                <li class="content-item">
                    <!-- 单个课程内容列表 -->
                    <ul class="single-content-list wrapper">
                        <!-- 就业统计 -->
                        <li class="single-course-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="job-item">
                                    <h5>100%</h5>
                                    <p>30个自然日内就业率</p>
                                </li>
                                <li class="job-item">
                                    <h5>25.2%</h5>
                                    <p>培训生身份求职比例</p>
                                </li>
                                <li class="job-item">
                                    <h5>7839￥</h5>
                                    <p>平均薪资</p>
                                </li>
                            </ul>
                        </li>
                        <!-- 学科介绍 -->
                        <li class="single-course-content">
                            <h4>学科介绍</h4>
                            <p>以项目作为驱动进行教学任务的实施，让学员了解并掌握面向过程、面向对象与集合、IO流与数据持久化、数据库与JDBC、Servlet与Web等等技术。通过系统化、多维度、实战演练的方式锤炼出学员扎实的技术实力。提供多类型项目的练习，锻炼学员的个人业务能力。
                            </p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="single-course-content">
                            <h4>开班计划</h4>
                            <ul class="plan-list">
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-08-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-07-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-06-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-05-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-03-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="single-course-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- 鸿蒙应用开发 -->
                <li class="content-item">
                    <!-- 单个课程内容列表 -->
                    <ul class="single-content-list wrapper">
                        <!-- 就业统计 -->
                        <li class="single-course-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="job-item">
                                    <h5>93%</h5>
                                    <p>30个自然日内就业率</p>
                                </li>
                                <li class="job-item">
                                    <h5>9.2%</h5>
                                    <p>培训生身份求职比例</p>
                                </li>
                                <li class="job-item">
                                    <h5>8072￥</h5>
                                    <p>平均薪资</p>
                                </li>
                            </ul>
                        </li>
                        <!-- 学科介绍 -->
                        <li class="single-course-content">
                            <h4>学科介绍</h4>
                            <p>本课程内容丰富，包含PC端业务、移动端APP、小程序开发、数据可视化技术等。每个阶段设置不同的项目类型、项目业务。整个教学任务从基础到高级循序渐进。同时基于微前端技术将每个阶段业务整合起来，实现一个完善的业务开发。
                            </p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="single-course-content">
                            <h4>开班计划</h4>
                            <ul class="plan-list">
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-08-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-07-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-06-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-05-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-03-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="single-course-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- UI全链路设计 -->
                <li class="content-item">
                    <!-- 单个课程内容列表 -->
                    <ul class="single-content-list wrapper">
                        <!-- 就业统计 -->
                        <li class="single-course-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="job-item">
                                    <h5>100%</h5>
                                    <p>30个自然日内就业率</p>
                                </li>
                                <li class="job-item">
                                    <h5>3.2%</h5>
                                    <p>培训生身份求职比例</p>
                                </li>
                                <li class="job-item">
                                    <h5>7367￥</h5>
                                    <p>平均薪资</p>
                                </li>
                            </ul>
                        </li>
                        <!-- 学科介绍 -->
                        <li class="single-course-content">
                            <h4>学科介绍</h4>
                            <p>本课程包括PS、AI软件基础、素描和手绘基础、品牌形象综合、界面设计与进阶、产品调研与分析、交互设计、运营设计、大屏与智能终端设计、三维设计、AE交互动效设计等知识。
                                授课内容以市场需求为主导、以知识点和项目贯穿。</p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="single-course-content">
                            <h4>开班计划</h4>
                            <ul class="plan-list">
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-08-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-07-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-06-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-05-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    实验班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                                <li class="plan">
                                    就业班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-03-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已开
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="single-course-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                                <li class="info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <span class="iconfont icon-you"></span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
            <script>
                const tabs = document.querySelectorAll(".course-list2 .course-item2");
                const tab_contents = document.querySelectorAll(".all-content-list .content-item");

                tabs.forEach((tab, index) => {
                    tab.addEventListener('click', () => {
                        tabs.forEach(tab => {
                            tab.classList.remove('active');
                        })
                        tab_contents.forEach(tab_content => {
                            tab_content.classList.remove('active');
                        })

                        tab.classList.add('active');
                        tab_contents[index].classList.add('active');
                    })
                })
            </script>
        </div>

        <!-- 教学团队 -->
        <div class="teaching-team">
            <h2 class="com-title">我们的教学团队</h2>
            <h4 class="com-subtitle">汇聚重量级大咖，强师分阶段精讲</h4>

            <!-- 讲师轮播图 -->
            <div class="teacher-box wrapper">
                <ul class="teacher-list">
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_wang.webp" alt="">
                        <h4>汪老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_zhai.webp" alt="">
                        <h4>翟老师</h4>
                        <p>鸿蒙高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_huang.webp" alt="">
                        <h4>黄老师</h4>
                        <p>鸿蒙高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_li.webp" alt="">
                        <h4>李老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_luo.webp" alt="">
                        <h4>罗老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_mo.webp" alt="">
                        <h4>莫老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_song.webp" alt="">
                        <h4>宋老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_yang.webp" alt="">
                        <h4>杨老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_xia.webp" alt="">
                        <h4>夏老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_wang.webp" alt="">
                        <h4>汪老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_zhai.webp" alt="">
                        <h4>翟老师</h4>
                        <p>鸿蒙高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_huang.webp" alt="">
                        <h4>黄老师</h4>
                        <p>鸿蒙高级讲师</p>
                    </li>
                    <li class="teachers">
                        <img src="./assets/uploads/teacher_li.webp" alt="">
                        <h4>李老师</h4>
                        <p>AIoT高级讲师</p>
                    </li>
                </ul>
            </div>

            <!-- 查看更多 -->
            <div class="more wrapper">
                <a href="./page/teacher.html" target="_blank">
                    <p>查看更多</p>
                    <span class="iconfont icon-you"></span>
                </a>
            </div>

        </div>

        <!-- 就业概况 -->
        <div class="get-job">
            <h2 class="com-title">就业概况</h2>
            <h4 class="com-subtitle">加强协同发展，输出行业多元创新人才</h4>

            <!-- 就业信息表 -->
            <div class="job-table wrapper">
                <h4>近期就业信息</h4>
                <div class="job-table-head">
                    <span>姓名</span>
                    <span>学历</span>
                    <span>专业</span>
                    <span>就业公司</span>
                    <span>入职岗位</span>
                    <span>年薪</span>
                    <span>就业城市</span>
                </div>
                <div class="job-table-content">
                    <ul class="table-content">
                        <li class="personal">
                            <span>马*宏</span>
                            <span>本科</span>
                            <span>车辆信息</span>
                            <span>北京**公司</span>
                            <span>Android驱动工程师</span>
                            <span>11000元/月</span>
                            <span>北京</span>
                        </li>
                        <li class="personal">
                            <span>王*</span>
                            <span>本科</span>
                            <span>电子信息工程</span>
                            <span>苏州**公司</span>
                            <span>单片机工程师</span>
                            <span>10000元/月
                            </span>
                            <span>常州</span>
                        </li>
                        <li class="personal">
                            <span>汪*伟</span>
                            <span>本科</span>
                            <span>软件工程</span>
                            <span>武汉**公司</span>
                            <span>Linux系统工程师</span>
                            <span>8000元/月</span>
                            <span>武汉</span>
                        </li>
                        <li class="personal">
                            <span>谭*赐</span>
                            <span>本科</span>
                            <span>计算机科学与技术</span>
                            <span>广州**公司</span>
                            <span>MCU工程师</span>
                            <span>14500元/月</span>
                            <span>广州</span>
                        </li>
                        <li class="personal">
                            <span>王*华</span>
                            <span>专科</span>
                            <span>计算机应用技术</span>
                            <span>上海**公司</span>
                            <span>ARM嵌入式工程师</span>
                            <span>16500元/月</span>
                            <span>上海</span>
                        </li>
                        <li class="personal">
                            <span>苏*刚</span>
                            <span>本科</span>
                            <span>计算机科学与技术</span>
                            <span>武汉**公司</span>
                            <span>Linux驱动工程师</span>
                            <span>9000元/月</span>
                            <span>武汉</span>
                        </li>
                        <li class="personal">
                            <span>周*为</span>
                            <span>本科</span>
                            <span>电子信息工程</span>
                            <span>上海**公司</span>
                            <span>Android系统工程师</span>
                            <span>11000元/月</span>
                            <span>上海</span>
                        </li>
                        <li class="personal">
                            <span>刘*书</span>
                            <span>本科</span>
                            <span>物联网工程</span>
                            <span>深圳**公司</span>
                            <span>固件工程师
                            </span>
                            <span>10500元/月</span>
                            <span>深圳</span>
                        </li>
                        <li class="personal">
                            <span>陈*进</span>
                            <span>本科</span>
                            <span>数据科学与大数据</span>
                            <span>广州**公司</span>
                            <span>嵌入式软件工程师</span>
                            <span>10500元/月</span>
                            <span>武汉</span>
                        </li>
                        <li class="personal">
                            <span>陈*君</span>
                            <span>本科</span>
                            <span>软件工程</span>
                            <span>珠海**公司</span>
                            <span>嵌入式软件工程师</span>
                            <span>13000元/月</span>
                            <span>合肥</span>
                        </li>
                        <li class="personal">
                            <span>周*雄</span>
                            <span>本科</span>
                            <span>机械设计制造及自动化</span>
                            <span>成都**公司</span>
                            <span>BSP系统工程师</span>
                            <span>15000元/月</span>
                            <span>成都</span>
                        </li>
                        <li class="personal">
                            <span>张*峰</span>
                            <span>本科</span>
                            <span>电子信息工程</span>
                            <span>南京**公司</span>
                            <span>物联网工程师</span>
                            <span>12500元/月</span>
                            <span>南京</span>
                        </li>
                        <li class="personal">
                            <span>马*宏</span>
                            <span>本科</span>
                            <span>车辆信息</span>
                            <span>北京**公司</span>
                            <span>Android驱动工程师</span>
                            <span>11000元/月</span>
                            <span>北京</span>
                        </li>
                        <li class="personal">
                            <span>王*</span>
                            <span>本科</span>
                            <span>电子信息工程</span>
                            <span>苏州**公司</span>
                            <span>单片机工程师</span>
                            <span>10000元/月
                            </span>
                            <span>常州</span>
                        </li>
                        <li class="personal">
                            <span>汪*伟</span>
                            <span>本科</span>
                            <span>软件工程</span>
                            <span>武汉**公司</span>
                            <span>Linux系统工程师</span>
                            <span>8000元/月</span>
                            <span>武汉</span>
                        </li>
                        <li class="personal">
                            <span>谭*赐</span>
                            <span>本科</span>
                            <span>计算机科学与技术</span>
                            <span>广州**公司</span>
                            <span>MCU工程师</span>
                            <span>14500元/月</span>
                            <span>广州</span>
                        </li>
                        <li class="personal">
                            <span>王*华</span>
                            <span>专科</span>
                            <span>计算机应用技术</span>
                            <span>上海**公司</span>
                            <span>ARM嵌入式工程师</span>
                            <span>16500元/月</span>
                            <span>上海</span>
                        </li>
                        <li class="personal">
                            <span>苏*刚</span>
                            <span>本科</span>
                            <span>计算机科学与技术</span>
                            <span>武汉**公司</span>
                            <span>Linux驱动工程师</span>
                            <span>9000元/月</span>
                            <span>武汉</span>
                        </li>
                        <li class="personal">
                            <span>周*为</span>
                            <span>本科</span>
                            <span>电子信息工程</span>
                            <span>上海**公司</span>
                            <span>Android系统工程师</span>
                            <span>11000元/月</span>
                            <span>上海</span>
                        </li>
                        <li class="personal">
                            <span>刘*书</span>
                            <span>本科</span>
                            <span>物联网工程</span>
                            <span>深圳**公司</span>
                            <span>固件工程师
                            </span>
                            <span>10500元/月</span>
                            <span>深圳</span>
                        </li>
                        <li class="personal">
                            <span>陈*进</span>
                            <span>本科</span>
                            <span>数据科学与大数据</span>
                            <span>广州**公司</span>
                            <span>嵌入式软件工程师</span>
                            <span>10500元/月</span>
                            <span>武汉</span>
                        </li>
                    </ul>
                </div>
                <div class="job-table-foot">
                    <a href="./page/job.html" target="_blank">
                        <p>查看更多</p>
                        <span class="iconfont icon-you"></span>
                    </a>
                </div>
            </div>
        </div>

        <!-- 职创动态 -->
        <div class="dynamic">
            <h2 class="com-title">职创动态</h2>
            <h4 class="com-subtitle">职创未来最新动态，了解职创未来实时消息汇聚</h4>

            <ul class="dynamic-list wrapper">
                <li class="dynamic-item">
                    <!-- 第一层 -->
                    <div class="dynamic-item1">

                    </div>
                    <!-- 第二层 -->
                    <div class="dynamic-item2 wrapper">
                        <a href="./page/info.html">
                            <p>行业资讯</p>
                            <span class="iconfont icon-you"></span>
                        </a>
                    </div>
                    <!-- 第三层 -->
                    <div class="dynamic-item3 wrapper">
                        <ul class="news-list">
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/XTM4r-eRUyEJ7joJwoMSSw" target="_blank"><span>01</span>计算机专业会步土木专业后尘？</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/obmh1zFZ4cDAwbSPP_A8Cw" target="_blank"><span>02</span>2024春招半导体行业人才“入不敷出”...</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/MudSTo9rHYrFGTO8QZcXcQ" target="_blank"><span>03</span>华为最大的研究中心今年将在上海建...</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/Xe4lqwpLGZvxCQKsYiscLg" target="_blank"><span>04</span>2024年5月Tiobe编程语言排行来啦，...</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="dynamic-item">
                    <!-- 第一层 -->
                    <div class="dynamic-item1">

                    </div>
                    <!-- 第二层 -->
                    <div class="dynamic-item2 wrapper">
                        <a href="./page/info.html">
                            <p>技术干货</p>
                            <span class="iconfont icon-you"></span>
                        </a>
                    </div>
                    <!-- 第三层 -->
                    <div class="dynamic-item3 wrapper">
                        <ul class="news-list">
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/05GnxvnHZzQsxYD_qqGt6A" target="_blank"><span>01</span>深度思考：第1篇 C++学习路线（上）</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/zyqlEDapxuvxvzHABJdyJg" target="_blank"><span>02</span>深度系列：第2篇 C++学习路线（下）</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/4z35XqzZIO0_efOBf4TWiw" target="_blank"><span>03</span>深度系列：第3篇C/C++开发环境</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/b4u_64wH2Wpbk0xyo2ocXw" target="_blank"><span>04</span>深度系列之C语言：第1章 C语言前世...</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/dVdbExMviUhXQdX-I1MMmw" target="_blank"><span>05</span>深度系列之C语言：第2章 注释</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/s7sMpktvQiriLSRKn1HwCg" target="_blank"><span>06</span>深度系列之C语言：第3章 标识符</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/iMYK71ihQz3fGAnphvPmqw" target="_blank"><span>07</span>深度系列之C语言：第4章 关键字</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/H4yk9534StcamUUx-q1d5A" target="_blank"><span>08</span>深度系列之C语言：第5章 基本数据...</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="dynamic-item">
                    <!-- 第一层 -->
                    <div class="dynamic-item1">

                    </div>
                    <!-- 第二层 -->
                    <div class="dynamic-item2 wrapper">
                        <a href="./page/info.html">
                            <p>职创动态</p>
                            <span class="iconfont icon-you"></span>
                        </a>
                    </div>
                    <!-- 第三层 -->
                    <div class="dynamic-item3 wrapper">
                        <ul class="news-list">
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/fW_EThZyhNAkRUuawSvrTQ" target="_blank"><span>01</span>践行社会责任，培养高端数字化人才...</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/xRoGR4WF3UOx_OJBT9dKww" target="_blank"><span>02</span>共探数字行业就业趋势，深化双边合作</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/vWC5RbqIV3039i3fVfEU2Q" target="_blank"><span>03</span>青春的热血遇上篮球的激情</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/F7qpThx_4bBteZSIpoZzGw" target="_blank"><span>04</span>热烈祝贺：嵌入式物联网EIOT20243...</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/ROVDrTc7xjo1vhSKuR82Cw" target="_blank"><span>05</span>关于职创未来</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/BzDw1X6sp93F8_Q67XwRRQ" target="_blank"><span>06</span>职创未来资料下载指南</a>
                            </li>
                            <li class="news">
                                <a href="https://mp.weixin.qq.com/s/XOvzTB73A5Q-hbMBpnUb1Q" target="_blank"><span>07</span>号外：武汉职创未来科技有限公司教...</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">

        <!-- 沟通联系方式 -->
        <div class="communication wrapper">
            <!-- 标题 -->
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>

            <div class="detail">
                <img class="background" src="./assets/uploads/background.webp" alt="">

                <ul class="list">
                    <li class="small">
                        <span class="iconfont icon-ditu"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>

                    <li class="small">
                        <span class="iconfont icon-dianhua"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br>
                                13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li class="small">
                        <span class="iconfont icon-xinxi"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>

                <ul class="list2">
                    <li class="big"><img class="map" src="./assets/uploads/map.webp" alt=""></li>
                    <li class="big">
                        <h3>微信扫码咨询</h3>
                        <ul>
                            <li><img class="ewm1" src="./assets/images/微信二维码.png" alt=""></li>
                            <li><img class="ewm2" src="./assets/images/企业二维码.webp" alt=""></li>
                        </ul>
                        <h4>官方微信：</h4>
                        <p>账号：GreatManOnTheWay <br>
                            公众号：武汉职创未来科技有限公司</p>
                        <p>周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 尾部 -->
        <div class="bottom">
            <!-- 导航条 -->
            <ul class="nav-list2">
                <li><a href="#">首页</a></li>
                <li><a href="./page/online.html" target="_blank">在线课程</a></li>
                <li><a href="./page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./page/student.html" target="_blank">学员风采</a></li>
                <li><a href="./page/job.html" target="_blank">就业信息</a></li>
                <li><a href="./page/info.html" target="_blank">咨询动态</a></li>
                <li><a href="./page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 文字说明 -->
            <p>Copyright © 2023 whccf.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备2023023704号-1</a> 武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

    <script src="./js/bootstrap.bundle.min.js"></script>
</body>

</html>